<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="Author" content="benben" />
	<meta name="description" content="抽屉(sotee)-提供无限制的免费网络硬盘,还是一个领先的搜索引擎和一个真实的互动个性空间, 
	会员可尽情玩休闲互动游戏,打免费网络电话,免费观看在线视频和分享视频,免费试听在线音乐,还可以认识帅哥美女" />
	<meta name="keywords" content="网络硬盘" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>抽屉网-免费网络硬盘,资源分享平台</title>
	<link href="/soteeTemplate/common/default.css" type="text/css" rel="stylesheet" />
	<link href="/soteeTemplate/common/security.css" type="text/css" rel="stylesheet" />
	<link href="/soteeTemplate/common/validform.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="/soteeTemplate/common/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="/soteeTemplate/common/js/jq.validform.js"></script>
	<script type="text/javascript" src="/soteeTemplate/common/js/jq.comboBox.min.js"></script>
	<script type="text/javascript" src="/soteeTemplate/common/js/common.js"></script>
<script type="text/javascript">
<!--
//下拉框的onChange事件
function seleBoxChange(el) {
	var row = $("#zdRow"), ipt = row.find("input");
	if(el.value == 1) {
		row.show();
		ipt.removeAttr("ignore");
	}else {
		row.hide();
		ipt.attr("ignore", "ignore");
	}
}

$(document).ready(function() {
	//初始化选项卡
	Sotee.initTabBar("#tabbar", {
		panels: "#tbPanel", type: 0, tabs: [
			{ panel: "#panel1", blank:55, text: "帐户安全" },
			{ panel: "#panel2", blank:55, text: "登录密码" },
			{ panel: "#panel3", blank:55, text: "电子邮箱" },
			{ panel: "#panel4", blank:55, text: "安全问题" }
		]
	});
	//初始化下拉框
	$("#seleBox").comboBox({arrowHeight:30});
	//初始化表单验证
	Sotee.initValidform("#loginPwd", {
		btnSubmit: "loginPwdBtn", tipType: 2
	});
	Sotee.initValidform("#secuIssue", {
		btnSubmit: "secuIssueBtn", tipType: 2
	});
});
//-->
</script>	
</head>

<body>
<!-- 页面幅宽控制 -->
<div align="center"><div class="bodyWrap font">
	<!-- pageTop Start -->
	<div align="right" class="topBarWrap">
		<div align="right" class="topBar">
			<!-- 已登录 -->
			<span id="s2">晚上好，【<span class="green01">benben</span>】
			<a href="javascript:void(0);" id="logoutBtn">退出</a></span>
			&nbsp;<img src="/soteeTemplate/image/splitLine01.gif" align="absmiddle" />
			&nbsp;<a href="#">意见反馈</a>
			&nbsp;&nbsp;&nbsp;&nbsp;<span class="blue01">[ <a href="#" class="blue01">免费注册</a> ]</span>
		</div>
	</div>
	<div class="pageTopWrap">
		<div class="logo"></div>
		<div align="left" class="pageTopRight">
			<!-- SearchBar Start -->
			<div class="searchBarWrap" id="searchBar">
				<div style="padding:4px 4px 0 9px">
					<div style="width:66px;padding-top:3px;float:left;">
						<a href="javascript:void(0);" class="searchClassBtn"></a>
						<span class="seaText" idx="0">全部</span>
						<div class="clear"></div>
					</div>
					<div style="width:286px;float:right">
						<a href="javascript:void(0);" class="searchBtn"><b>搜索</b></a>
						<input type="text" class="keyField" defaultTxt="请输入搜索关键字..."/>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- SearchBar End -->
		</div>
		<div class="clear"></div>
	</div>
	<!-- pageTop End -->
	<!-- pageCaption Start -->
	<div class="pageCaptionWrap">
		<div align="right" class="pageCaption"><div class="captionLeft">
			<div class="captionRight"><div align="left" class="captionBody">
				Home &gt; Center &gt; SecuritySettings
			</div></div>
		</div></div>
	</div>
	<!-- pageCaption End -->
	<!-- pageBody Start -->
	<div class="pageBodyTopLeft">
		<div class="pageBodyTopRight"><div align="left" class="pageBodyTop">
			<div style="width:254px;height:10px;border-right:1px solid #dfdfdf"></div>
		</div></div>
	</div>
	<div align="left" class="pageBody">
		<!-- pageBodyLeft Start -->
		<div class="memberInfo"><div style="padding:0 8px">
			<!-- 会员信息 Start-->
			<table class="layoutTable" border="0" style="table-layout:fixed;float:right">
				<tr>
					<td align="right" height="33px" width="60px">用户积分：</td>
					<td class="memInfoField">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;580
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="用户积分"/>
					</td>
				</tr><tr>
					<td align="right" height="35px">佣金：</td>
					<td class="memInfoField blue03">
						&nbsp;&nbsp;<img src="/soteeTemplate/image/money.gif" align="absmiddle"/>
						&nbsp;137
					</td><td align="center" class="memHelpField">
						<img src="/soteeTemplate/image/help.gif" align="absmiddle" tip="佣金:快来转钱啊"/>
					</td>
				</tr>
			</table>
			<!-- 会员头像-->
			<img src="/soteeTemplate/image/head.s.jpg" style="border:4px solid #ddd;"/>
			<!-- 其它信息-->
			<table class="layoutTable" border="0" style="table-layout:fixed;margin-top:10px">
				<tr>
					<td height="28px" width="85px">用户等级：</td>
					<td>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
						<img src="/soteeTemplate/image/level.gif" align="absmiddle"/>
					</td>
				</tr><tr>
					<td height="28px">网盘空间大小：</td>
					<td style="padding:0px">
						<!-- 网盘进度条 -->
						<div align="left" class="progressBarWrap">
							<div class="progressBarRight" style="width:62%">
								<div class="progressBarLeft"><div></div></div>
							</div>
						</div>
					</td>
				</tr><tr>
					<td height="28px">上次登录时间：</td>
					<td class="blue03">2011年7月10日</td>
				</tr><tr>
					<td height="28px">您的IP地址：</td>
					<td class="red">192.168.1.125</td>
				</tr>
			</table>
			<br/>
			<!-- 功能连接 -->
			<div class="funLinksWrap">
				<div class="funLinks">
					<!-- Item Start -->
					<div class="linkItem">
						<!-- 这是一个特殊的Item -->
						<span>
							<img src="/soteeTemplate/image/message.gif" align="absmiddle"/>&nbsp;
							<a href="#">[1]</a>&nbsp;
							<img src="/soteeTemplate/image/mail.gif" align="absmiddle"/>&nbsp;
							<a href="#">[8]</a>&nbsp;
						</span>
						<a class="link link1" href="#"></a>
						<div class="clear"></div>
					</div>
					<!-- Item End -->
					<div class="linkItem"><a class="link link2" href="#"></a></div>
					<div class="linkItem"><a class="link link3" href="#"></a></div>
					<div class="linkItem"><a class="link link4" href="#"></a></div>
					<div class="linkItem"><a class="link link5" href="#"></a></div>
					<div class="linkItem"><a class="link link6" href="#"></a></div>
					<div class="linkItem"><a class="link link7" href="#"></a></div>
					<div class="linkItem"><a class="link link8" href="#"></a></div>
				</div>
			</div>
			<br/><br/><br/>
		</div></div>
		<!-- pageBodyLeft End -->
		<!-- pageBodyRight Start -->
		<div style="width:718px;float:right" id="tbPanel">
			<div class="tabwrap" style="padding-left:5px">
				<div id="tabbar"></div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- pageBodyRight End -->
		<div class="clear"></div>
		<br/>
	</div>
	<div class="pageBodyBtmLeft">
		<div class="pageBodyBtmRight"><div class="pageBodyBtm">
		</div></div>
	</div>
	<!-- pageBody End -->
	<br/>
	<!-- pageBottom Start -->
	<div align="center" class="pageBtmWrap">
		<a href="#">关于我们</a> |
		<a href="#">联系我们</a> |
		<a href="#">招聘贤士</a> |
		<a href="#">隐私保护</a> |
		<a href="#">版权声明</a> ※
		<span class="blue02">抽屉（北京）网络科技有限公司</span><br/>
		Tel：010-68510613
		E-mail：<a href="mailto:mklp98999@163.com">mklp98999@163.com</a><br/>
		Copyright &copy; 2011-2012 sotee.com, All Rights Reserved.<br/><br/>
	</div>
	<!-- pageBottom End -->
</div></div>

<!-- 帐户安全面板 -->
<div id="panel1">
	<div class="orange" style="padding-left:5px">
		尊敬的会员<span class="">benben</span>，
		您好！您已绑定邮箱，您以后可以通过邮箱<span class="">51jsr@163.com</span>来登录抽屉网。
	</div>
	<div class="borderBoxLeft">
		<div class="borderBoxRight">
			<div class="borderBoxBody">
				<table class="layoutTable" border="0" cellpadding="0">
					<tr>
						<td width="130px" height="48px">
							<img src="/soteeTemplate/image/security/safeLv.gif" align="absmiddle"/>
							&nbsp;安全帐号等级：<b class="green01">高</b>
						</td><td width="118px">
							<div class="safeBarWrap"><div style="width:72%"></div></div>
						</td><td style="padding-left:15px">
							&nbsp;&nbsp;
							<img src="/soteeTemplate/image/mail.gif" align="absmiddle"/>
							&nbsp;邮箱已绑定(<span class="blue02">51jsr@163.com</span>)
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="borderBoxLeft">
		<div class="borderBoxRight">
			<div class="borderBoxBody">
				<table class="layoutTable" border="0" cellpadding="0">
					<tr>
						<td width="570px" height="48px">
							<img src="/soteeTemplate/image/security/icon01.gif" align="absmiddle"/>
							&nbsp;您没有设置安全密码，强列建议您设置安全密码。
						</td><td>
							<input type="image" src="/soteeTemplate/image/buttons/imSetBtn.gif"/>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="borderBoxLeft">
		<div class="borderBoxRight">
			<div class="borderBoxBody">
				<table class="layoutTable" border="0" cellpadding="0">
					<tr>
						<td width="570px" height="48px">
							<img src="/soteeTemplate/image/security/icon02.gif" align="absmiddle"/>
							&nbsp;您的资料不完整，建议补充完整以便可能认识你的朋友能找到您。
						</td><td>
							<input type="image" src="/soteeTemplate/image/buttons/imImpBtn.gif"/>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
</div>

<!-- 登录密码面板 -->
<div id="panel2">
	<form id="loginPwd">
		<table class="layoutTable" border="0">
			<tr>
				<td width="90px">
					原密码：
				</td><td>
					<input type="password"  class="textField" style="width:230px" dataType="*"/>
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr>
				<td></td>
				<td valign="top" colspan="2" height="30px" class="gray01">
					请输入您当前正在使用的用户密码。
				</td>
			</tr><tr>
				<td>
					新的密码：
				</td><td>
					<input type="password"  class="textField" style="width:230px" name="userpassword"
						 dataType="strength" pointer="#pointer" errTip="密码不符合安全要求！" />
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr>
				<td></td>
				<td>
					<div id="pointer" class="validform_pointerWrap">
						<div class="validform_pointerText">安全程度：</div>
						<div class="validform_pointerBar" style="width:0%"></div>
					</div>
				</td>
			</tr><tr>
				<td></td>
				<td valign="top" colspan="2" height="30px" class="gray01">
					请输入新的用户帐密码，注意密码的长度最少为6位且是区分大小写的。
				</td>
			</tr><tr>
				<td>
					确认密码：
				</td><td>
					<input type="password" class="textField" style="width:230px" name="userpassword2"
						dataType="*" recheck="userpassword" errTip="您两次输入的账号密码不一致！" />
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr>
				<td></td>
				<td valign="top" colspan="2" height="30px" class="gray01">
					请再次输入新的密码。 
				</td>
			</tr><tr>
				<td height="80px"></td>
				<td colspan="2">
					<input type="image" src="/soteeTemplate/image/buttons/confirm.png" id="loginPwdBtn"/>
				</td>
			</tr>
		</table>
	</form>
</div>

<!-- 电子邮箱面板 -->
<div id="panel3">
	<div class="borderBoxLeft">
		<div class="borderBoxRight">
			<div class="borderBoxBody">
				<div style="height:48px;"><br/>
					<img src="/soteeTemplate/image/security/icon01.gif" align="absmiddle"/>
					&nbsp;如果您要修改邮箱，您需要同时输入您的密码及安全案才能进行修改！
				</div>
			</div>
		</div>
	</div>
	<div style="padding:35px">
		您目前所绑定的邮箱是：<b class="green01">51jsr@163.com </b>
		<br/><br/><br/>
		<input type="image" src="/soteeTemplate/image/buttons/modiMailBtn.png"/>
	</div>
</div>

<!-- 安全问题面板 -->
<div id="panel4">
	<form id="secuIssue">
		<table class="layoutTable" border="0">
			<tr>
				<td width="100px" height="50px">
					设置安全问题：
				</td><td>
					<select id="seleBox" width="204" height="30" errTip="请选择一个安全问题！" onchange="seleBoxChange(this)">
						<option value="">请您选择一个问题...</option>
						<option value="1">自定义问题</option>
						<option value="2">我的生日是什么时候？</option>
					</select>
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr id="zdRow" style="display:none">
				<td height="50px">
					自定义问题：
				</td><td>
					<input type="text"  class="textField" style="width:230px" dataType="*" ignore="ignore"/>
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr>
				<td height="50px">
					设置答案：
				</td><td>
					<input type="password"  class="textField" style="width:230px" dataType="*"/>
				</td><td>
					<div class="validform_checktip"></div>
				</td>
			</tr><tr>
				<td height="80px"></td>
				<td colspan="2">
					<input type="image" src="/soteeTemplate/image/buttons/confirm.png" id="secuIssueBtn"/>
				</td>
			</tr>
		</table>
	</form>
</div>

</body>
</html>